<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>renmengduo</title>
    <style>
      h1{
        width: 100%;
        height: 100px;
      }
      span{
        width: 100%;
        height: 100px;
      }
      img{
        width: 100px;
        height: 100px;
      }
      .rmd{
        display: inline-block;
        width: 50px;
      }
    </style>
</head>
<body>
  <!-- 标题标签 h1~h6 -->
<h1>011</h1>
<h2>022</h2>
<h3>033</h3>
<!-- 从h1到h6 字体变小 -->
<!-- html 有两个元素类型  行内元素跟块元素 -->

<span><h4>任</h4></span>
<!-- p标签是段落标签，也是块元素，有宽高 -->
<p>块元素 <span>任</span> </p>

<!-- span是行内元素 ，叫文本标签 -->
<span>梦</span>

<span><h2 class="rmd">躲</h2></span>
<!-- img是图片标签 是一个单标签（不是成对出现） scr 是图片的路径 alt 是图片加载失败时候显示的内容， -->
<img src="https://upfile2.asqql.com/upfile/hdimg/wmtp/wmtp/2015-12/30/9835VicmIhquv.jpg" alt="太刷了">
<!-- 块元素可以设置宽和高 行内元素不可以 -->
<!-- 行内元素不可以设置宽和高 行内元素的宽高由他的子标签（块元素）决定 -->
<!-- 块元素独占一行 -->
<!-- 行内元素只要这一行还有位置可以放下自己，就能加去过 -->
<!-- html标签分为行元素和块元素两种 -->


<!-- git init 是初始化仓库 -->
<!-- git add .    是添加所有的文件（修改过的） -->
<!-- git status 查看文件提交状态 -->
<!-- git commit -m xxxxxxx   提交刚才添加的文件  xxxx就是咱写上的内容 -->
<img src="" alt="">

</body>
</html>